@import '../themes/default.less';

.portal-layout {
  display: flex;
  flex-direction: row;
  min-width: 1200px;
  height: calc(100vh);
  min-height: 480px;
  overflow: auto;
  background-color: @base-bg-color;
  :global {
    .layout-sidebar {
      width: @sidebar-width;
      overflow: hidden;
      background-color: @menu-dark-bg;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
      transition: width 0.3s;
      &.layout-sidebar-collapsed {
        width: @sidebar-collapsed-width;
      }
      .ant-menu-light {
        border-right-width: 0;
      }
    }
    .layout-center {
      display: flex;
      flex: 1;
      flex-direction: column;
      overflow: hidden;
      .layout-center-header {
        height: @center-header-height;
        background-color: @center-bg-color;
      }
      .layout-center-content {
        flex: 1;
        box-sizing: border-box;
        padding: 8px;
        overflow: auto;
        > div {
          height: 100%;
          > div:first-child {
            height: 100%;
          }
        }
        > .suid-list-loader {
          height: auto;
        }
        #root-subapp {
          height: 100%;
          overflow: hidden;
          > div {
            height: 100%;
            overflow: hidden;
            > div {
              height: 100%;
              overflow: auto;
            }
          }
        }
      }
    }
  }
}

.breadcrumb-wrapper {
  :global {
    .pre-urlpath {
      color: rgba(0, 0, 0, 0.3);
    }
  }
}
